<template>
  <el-container>
    <el-main>
      <router-link :to="{name: 'Login'}">登录</router-link>
      <br/>
      <router-link :to="{name: 'BillingManage'}">开单管理</router-link>
      <br/>
      <router-link :to="{name: 'ConsumerBilling'}">消费开单</router-link>
      <br/>
      <router-link :to="{name: 'ReservationsBilling'}">预约金开单</router-link>
      <br/>
      <router-link :to="{name: 'InpatientDepositBilling'}">住院押金开单</router-link>
      <br/>
      <router-link :to="{name: 'ChargeBillManage'}">收费单管理</router-link>
      <br/>
      <router-link :to="{name: 'Consumption'}">收费单管理-消费</router-link>
      <br/>
      <router-link :to="{name: 'ChargeDetail'}">明细视图</router-link>
      <br/>
      <router-link :to="{name: 'CustomerAccountManage'}">客户账户管理</router-link>
      <br/>
      <router-link :to="{name: 'RefundStorage'}">客户账户管理-退储值开单</router-link>
      <br/>
      <a href="http://localhost:8080/MyLike">跳转到jsp</a>
    </el-main>
  </el-container>
</template>

<script>
  import Vue from 'vue';
  import Component from 'vue-class-component';

  @Component
  export default class HelloWorld extends Vue {
    name = 'HelloWorld';
    msg = 'Welcome to Your Vue.js App';
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  h1, h2 {
    font-weight: normal;
  }

  ul {
    list-style-type: none;
    padding: 0;
  }

  li {
    display: inline-block;
    margin: 0 10px;
  }

  a {
    color: #42b983;
  }
</style>
